
// 引入发送请求的函数
import {reqCategoryListData} from '../utils/api.js'
Page({
// 发送请求获取分类导航数据
  async getCategoryListData(){
    const result = await reqCategoryListData()
    if(result.code === 200){
      this.setData({
        CategoryData : result.data,
         categoryDetail:result.data[0],
         categoryIndex:0
      })
    }
  },
  // 点击左侧导航切换
  changeIndex(e){
    this.setData({
      categoryIndex:e.target.id * 1
    })
    this.updateDetail()
  },
  // 右侧数据切换
  updateDetail(){
    const {CategoryData,categoryIndex}=this.data
    this.setData({
      categoryDetail : CategoryData [categoryIndex]
    })
  },
 
  
  data: {
    CategoryData:[],//左侧列表页数据
    categoryIndex:0,//对象导航下标
    categoryDetail:{} //右侧详情内容
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
     this.getCategoryListData()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})